<template>
	<view class="message">
		<Process></Process>
		<view class="along bg-white margin-xs margin-top-sm">
			<view class="li " style="border: none;">
				<view class="li_l"><view class="iconfont icon-time" style="font-size: 20px;"></view></view>
				<view class="li_m">
					<ruiDatePicker
					    fields="second"
					    start="2010-00-00 00:00:00"
					    end="2030-12-30 23:59:59"
					    :value="value"
					    @change="bindChange"
					    @cancel="bindCancel"
					></ruiDatePicker>
				</view>
				<view class="li_r">立即取货<view class="iconfont icon-right"></view></view>
			</view>
		</view>
		<view class="list qy-bg-white margin-xs margin-top-sm">
			<view class="li" >
				<view class="li_l"><view class="iconfont icon-fahuo" style="font-size: 22px;"></view></view>
				<view class="li_m">物品重量</view>
				<view class="li_r padding-top-xs"><uniNumberBox></uniNumberBox></view>
			</view>
			<view class="li">
				<view class="li_l"><view class="iconfont icon-youhuiquan" style="font-size: 20px;"></view></view>
				<view class="li_m">优惠券</view>
				<view class="li_r">未使用优惠券<view class="iconfont icon-right"></view></view>
			</view>
			<view class="li">
				<view class="li_l"><view class="iconfont icon-qian" style="font-size: 20px;"></view></view>
				<view class="li_m">付款方式</view>
				<view class="li_r">微信支付<view class="iconfont icon-right"></view></view>
			</view>
			<view class="li">
				<view class="li_l"><view class="iconfont icon-qian1" style="font-size: 20px;"></view></view>
				<view class="li_m">小费</view>
				<view class="li_r">快速接单<view class="iconfont icon-right"></view></view>
			</view>
		</view>
		<view class="along bg-white margin-xs margin-top-sm">
			<view class="li " style="border: none;">
				<view class="li_l"><view class="iconfont icon-edit" style="font-size: 20px;"></view></view>
				<view class="li_m">备注信息</view>
				<view class="li_r">说点什么吧<view class="iconfont icon-right"></view></view>
			</view>
		</view>
		<view class="bbtn padding qy-bg-white">
			<view class="flex flex-direction bbtn_10 padding-right-xs" >
				<button class="cu-btn bg-orange round lg" @click="jump_price">
					费用 <span></span>0.01元 <text class="iconfont icon-bangzhu"></text>
				</button>
			</view>
			<view class=" flex flex-direction  bbtn_10 padding-left-xs" @click="jump_detail">
				<button class="cu-btn bg-yellow text-white round lg" >立刻下单</button>
			</view>
		</view>
	</view>
</template>

<script>
	import uniNumberBox from "@/components/uni/uni-number-box/uni-number-box.vue"
	import ruiDatePicker from '@/components/rattenking-dtpicker/rattenking-dtpicker.vue';
	import Process from '@/components/qy/process.vue';
	export default {
		data() {
			return {
				
			};
		},
		components:{
			Process,
			ruiDatePicker,
			uniNumberBox
		},
		methods:{
			bindChange(){
				
			},
			jump_price(){
				uni.navigateTo({
					url: '/pages/price/price'
				});
			},
			jump_detail(){
				uni.navigateTo({
					url: '/pages/detail/detail'
				});
			}
		}
	}
</script>

<style lang="scss">
.message{
	.along{border-radius: 5px;}
	.list{border-radius: 5px;}
	.li{display: flex;border-bottom: 1px solid #F9F9F9;height: 50px;line-height: 50px;padding: 0 5px;
		.li_l{width: 30px;}
		.li_m{flex-grow: 1;}
		.li_r{display: flex;color: #A6A6AB;}
	}
	.bbtn{display: flex;justify-content: space-between;position: fixed;bottom: 0;width: 100%;flex-wrap: wrap;
		.bbtn_10{width: 50%;}
		.cu-btn span{padding-left: 15px;}
	}
	.rui-picker{border: none;padding-top: 10px;}
}
</style>
